﻿/*
 *   Project: Web Dev Assignment 4
 *   File: style.css
 *   Author: Ryan Pink
 *   Date Modified: November 19, 2013
 *   Description: 
 *       This stylesheet contains the sexy formatting information for the Hi-Lo game
 */

body {
    background: url(bg.png) repeat rgba(255,255,165,1);
    color: rgba(0,0,64,1);
    font-family: Cambria, 'Palatino Linotype', 'Book Antiqua', 'URW Palladio L', serif;
}


input[type="text"] {
    width: 128px;
    position: relative;
    margin-left: 24px;
    border: 1px solid rgba(92,92,32,0.7);
}


iframe {
    width: 100%;
    height: 600px;
    border: 0px;
}


iframe.winner {
    width: 100%;
    height: 600px;
    border: 0px;
}


table, tr, th, td {
    border: 0px;
    width: 100%;
    vertical-align: text-top;
}


blockquote {
    font-size: 14px;
}


input[type="submit"], input[type="reset"], input[type="button"] {
    box-shadow: rgba(92,92,32,0.3) -2px -2px inset;
    border: 0px;
    background: url(btn.png) no-repeat rgba(92,128,172,0.8);
    color: white;
    padding: 4px 16px 4px 16px;
    margin-top: 24px;
    margin-left: 24px;
}


div.header {
    box-shadow: rgba(92,92,32,0.3) -2px -2px inset;
    vertical-align: middle;
    text-align: left;
    line-height: 42px;
    padding-left: 10%;
    background: url(header.png) no-repeat rgba(92,128,172,0.8);
    font-family: Cambria, 'Palatino Linotype', 'Book Antiqua', 'URW Palladio L', serif;
}


div.content {
    text-align: left;
    padding-left: 15%;
    padding-right: 10px;
    padding-bottom: 12px;
    margin-top: 12px;
    font-family: Cambria, 'Palatino Linotype', 'Book Antiqua', 'URW Palladio L', serif;
}


div.footer {
    position: absolute;
    width: 98%;
    top: 90%;
    text-align: center;
    background-color: rgba(255,255,255,0.3);
    padding-top: 10px;
    padding-bottom: 10px;
    font-family: Cambria, 'Palatino Linotype', 'Book Antiqua', 'URW Palladio L', serif;
    box-shadow: rgba(92,92,32,0.3) -2px -2px inset;
}


div.winner {
    position: absolute;
    width: 99%;
    top: 5%;
    text-align: center;
    background-color: rgba(255,255,255,0.6);
    padding-top: 10px;
    padding-bottom: 10px;
    font-family: Cambria, 'Palatino Linotype', 'Book Antiqua', 'URW Palladio L', serif;
    font-size: 24px;
    box-shadow: rgba(92,92,32,0.3) -2px -2px inset;
}


div.shield {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 600px;
    background-color: rgba(255,255,255,0);
}


td.guide {
    background-color: rgba(255,255,255,0.3);
    box-shadow: rgba(92,92,32,0.3) -2px -2px inset;
}


h1 {
    display: inline;
    color: white;
    font-size: 22px;
}


h2 {
    display: inline;
    color: rgba(220,240,250,1);
    font-size: 18px;
}


h3 {
    display: inline;
    color: rgba(64,64,92,1);
}